/*


 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

 http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.

*/

@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic);

@import "variables";
@import "bootstrap-sass-official/assets/stylesheets/bootstrap";

// common
@import "../common/modules/cacheGroups/cacheGroups";
@import "../common/modules/chart/chart";
@import "../common/modules/chart/bandwidthPerSecond/chart.bandwidthPerSecond";
@import "../common/modules/chart/capacity/chart.capacity";
@import "../common/modules/chart/dates/chart.dates";
@import "../common/modules/chart/httpStatus/chart.httpStatus";
@import "../common/modules/chart/routing/chart.routing";
@import "../common/modules/chart/transactionsPerSecond/chart.transactionsPerSecond";
@import "../common/modules/deliveryService/config/edit/deliveryService.config.edit";
@import "../common/modules/dates/dates";
@import "../common/modules/dialog/confirm/dialog.confirm";
@import "../common/modules/dialog/reset/dialog.reset";
@import "../common/modules/header/header";
@import "../common/modules/message/message";
@import "../common/modules/release/version/release.version";
@import "../common/modules/tools/purge/tools.purge";

// public
@import "../modules/public/home/home";
@import "../modules/public/about/about";

// private

// collateral
@import "../modules/private/collateral/collateral";

// dashboard
@import "../modules/private/dashboard/dashboard";
@import "../modules/private/dashboard/overview/deliveryServices/dashboard.deliveryServices";

// delivery service
@import "../modules/private/deliveryService/deliveryService";
@import "../modules/private/deliveryService/new/deliveryService.new";
@import "../modules/private/deliveryService/view/deliveryService.view";
@import "../modules/private/deliveryService/view/overview/deliveryService.view.overview";
@import "../modules/private/deliveryService/view/charts/deliveryService.view.charts";

// user
@import "../modules/private/user/user";
@import "../modules/private/user/edit/user.edit";
@import "../modules/private/user/register/user.register";
@import "../modules/private/user/reset/user.reset";

html {
//  for sticky footer
  position: relative;
  min-height: 100%;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  margin-bottom: 170px; //  for sticky footer
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 16px;
  line-height: 22px;
  margin: 5px 0 25px 0;
}

ul li, ol li {
  font-size: 16px;
  line-height: 1.5;
  position: relative;
}

a:focus, button:focus {
  outline: none !important;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
}

.navbar-nav > li {
  margin-right: 5px;
}

.navbar-collapse {
  padding-left: 0px;
  margin-left: -10px !important;
}

.nav-pills > li.header {
  padding: 22px;
}

.jumbotron {
  text-align: center;
  border: 1px solid #A8A8A8;
  background-color: #fff;
  border-radius: 0 !important;

  .btn {
    font-size: 21px;
    padding: 14px 24px;
  }
}

.panel, .form-control, .list-group-item, .btn-default {
  background-color: transparent;
}

.panel-heading {
  border-radius: 0;
  padding: 15px;
}

.input-error {
  color: #a94442;
  font-weight: bold;
}

.breadcrumb {
  background-color: transparent;
  text-transform: uppercase;
  margin-bottom: 10px;

  li {
    margin-top: 10px;
  }

  .btn {
    padding-left: 0px;
  }
}

.date-text[disabled] {
  background-color: transparent;
}

.modal-title {
  color: #ffffff;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination > li > a, .pagination > li > span {
  background-color: transparent;
}

.dropdown {
  .btn-link {
    text-decoration: none;
  }
}

[ng-click] {
  cursor: pointer;
}

.modal-header {
  background-color: #222;
  border-color: #090909;
  color: #999;
}

.loading-text {
  color: #999;
  font-size: 12px;
  font-weight: bold;
}

.btn-last {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.list-group-item, table {
  .description, small {
    font-size: 11px;
    color: #999;
  }
  .badge {
    float: right;
  }
}

#footer {
//  for sticky footer
background: black;
height: 170px;
position: absolute;
bottom: 0;
width: 100%;
border-top: 2px solid #706f6f;
margin-top: 40px;

.footer-bottom {
padding-top: 40px;
padding-bottom: 40px;
color: #706f6f;
font-weight: bold;

.menu-list {
  float: left;

  li {
    list-style: none;
  }

  > li {
    float: left;
    padding-right: 50px;
    margin-right: 50px;
  }

  > li:last-child {
    margin-right: 0;
  }

}

a {
  color: #706f6f;
  text-decoration: none;
  line-height: 1.5;
  font-weight: bold;
}

}

}

.scrollable::-webkit-scrollbar {
-webkit-appearance: none;
}

.scrollable::-webkit-scrollbar:vertical {
width: 11px;
}

.scrollable::-webkit-scrollbar:horizontal {
height: 11px;
}

.scrollable::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, .5);
}

@media (max-width: 991px) {

  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-text {
    float: none;
    margin: 15px 0;
  }

  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .collapsing {
    overflow: hidden !important;
  }

}

